<template>
  <view
    :class="'icon-' + type"
    :style="{ color: color, fontSize: size + 'px', width: size + 'px', lineHeight:size+'px' }"
    class="iconfont"
  />
</template>

<script>
export default {
  name: 'CustomIcon',
  props: {
    type: {
      type: String,
      default: ''
    },
    color: {
      type: String,
      default: '#333333'
    },
    size: {
      type: [Number, String],
      default: 16
    }
  },
}
</script>

<style scoped lang="scss">
@font-face {
	font-family: iconfont;
	font-weight: normal;
	font-style: normal;
	src: url('~@/static/iconfont.ttf?t=1') format('truetype');
}

.icon-wrapper {
	line-height: 1;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-switch:before {
  content: "\e615";
}

.icon-chexiao:before {
  content: "\e621";
}

.icon-contract:before {
  content: "\e718";
}

.icon-sign:before {
  content: "\e608";
}

.icon-activity:before {
  content: "\e61c";
}

.icon-rotate:before {
  content: "\e66f";
}

.icon-close:before {
  content: "\e69e";
}

.icon-shbank:before {
  content: "\e6cb";
}

.icon-cib:before {
  content: "\e6f5";
}

.icon-unionpay:before {
  content: "\e605";
}

.icon-nbbank:before {
  content: "\e631";
}

.icon-jsbank:before {
  content: "\e73e";
}

.icon-boc:before {
  content: "\e613";
}

.icon-hxbank:before {
  content: "\e620";
}

.icon-bohaib:before {
  content: "\e628";
}

.icon-gdb:before {
  content: "\e602";
}

.icon-spdb:before {
  content: "\e60e";
}

.icon-cmb:before {
  content: "\e65c";
}

.icon-citic:before {
  content: "\e64d";
}

.icon-cmbc:before {
  content: "\e819";
}

.icon-spabank:before {
  content: "\e64f";
}

.icon-comm:before {
  content: "\e61a";
}

.icon-grcb:before {
  content: "\e611";
}

.icon-hsbank:before {
  content: "\e626";
}

.icon-abc:before {
  content: "\e667";
}

.icon-ccb:before {
  content: "\e618";
}

.icon-psbc:before {
  content: "\e603";
}

.icon-ceb:before {
  content: "\e823";
}

.icon-icbc:before {
  content: "\e625";
}

.icon-fail-circle:before {
  content: "\e652";
}

.icon-pay-cash:before {
  content: "\e633";
}

.icon-update:before {
  content: "\e686";
}

.icon-avatar:before {
  content: "\e637";
}

.icon-triangle:before {
  content: "\e64c";
}

.icon-circle:before {
  content: "\e61e";
}

.icon-help-circle:before {
  content: "\e999";
}

.icon-shangjia2:before {
  content: "\e65e";
}

.icon-hangye:before {
  content: "\e62d";
}

.icon-dizhi:before {
  content: "\e640";
}

.icon-information:before {
  content: "\e65b";
}

.icon-identity:before {
  content: "\e65d";
}

.icon-edit:before {
  content: "\e607";
}

.icon-bankcard:before {
  content: "\e65a";
}

.icon-add:before {
  content: "\e60c";
}

.icon-pay-alipay:before {
  content: "\ea4e";
}

.icon-pay-weichat:before {
  content: "\e623";
}

.icon-pay-card:before {
  content: "\e624";
}

.icon-sandglass:before {
  content: "\e66d";
}

.icon-call-fill:before {
  content: "\e600";
}

.icon-call-fill-copy:before {
  content: "\ea4f";
}

.icon-time-circle:before {
  content: "\e638";
}

.icon-search:before {
  content: "\e63c";
}

.icon-checked-circle:before {
  content: "\e651";
}

.icon-warning-fill:before {
  content: "\e654";
}

.icon-complete:before {
  content: "\e665";
}

.icon-arrow-up:before {
  content: "\e85a";
}

.icon-arrow-left:before {
  content: "\e601";
}

.icon-qrcode:before {
  content: "\e700";
}

.icon-eye-close:before {
  content: "\e610";
}

.icon-scan:before {
  content: "\e71d";
}

.icon-arrow-right:before {
  content: "\e858";
}

.icon-arrow-down:before {
  content: "\e859";
}

.icon-service:before {
  content: "\e606";
}

.icon-eye-open:before {
  content: "\e857";
}

.icon-complete-fill:before {
  content: "\e62f";
}

.icon-delete-fill:before {
  content: "\e64b";
}

.icon-delete:before {
  content: "\e6db";
}

.icon-wechat-fill:before {
  content: "\e639";
}
</style>
